<template>
  <section class="main">
    <header class="header">
      <span> {{ $t('title') }}</span>
    </header>
    <main>
      <!-- main -->
    </main>
  </section>
</template>

<script lang="ts" setup name="HomePage">
  import { computed, onMounted } from 'vue';
  import { useUserStore } from '@/store/modules/user';
  import { setLang } from '@/i18n';
  import { useI18n } from 'vue-i18n';
  import { loginApi } from '@/api/index';

  const { locale } = useI18n();

  const userStore = useUserStore();

  const getUserInfo = computed(() => {
    let userInfo = userStore.getUserInfo || {};
    return userInfo;
  });

  const changeLang = (type) => {
    setLang(type);
  };

  onMounted(() => {
    // loginApi();
  });
</script>
<style lang="scss">
  .header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    font-size: 40px;
  }
</style>
